import './assets/styles/global.scss';

import headerHtml from './components/header.html';
import mainHtml from './components/main.html';
import footerHtml from './components/footer.html';

import './assets/styles/header.scss';
import './assets/styles/main.scss';
import './assets/styles/footer.scss';

import './components/header.ts';
import './components/main.ts';
import './components/footer.ts';

const app = document.getElementById('app');

if (app) {
  app.innerHTML = `
    ${headerHtml}
    ${mainHtml}
    ${footerHtml}
  `;
}